@font-face {
  font-family: 'FZ';
  src: url('font/fz.TTF');
}
body,
html {
  min-width: 1330px;
}
.header {
  background: url(../images/bannerbk.png) center no-repeat;
  background-size: 1920px 740px;
  min-width: 1330px;
  height: 740px;
}
.header .header-top-logo {
  margin: 19px 0;
  width: 278px;
  height: 67px;
}
.header .header-top-logo img {
  width: 100%;
  height: 100%;
}
.header .header-top-nav {
  position: relative;
  z-index: 999;
}
.header .header-top-nav .h-t-nav-option {
  float: left;
  margin: 0 12px;
  height: 105px;
  line-height: 105px;
  font-size: 16px;
  color: #fff;
}
.header .header-top-nav .h-t-nav-option a {
  display: inline-block;
  margin: 32.5px 15px;
  border-bottom: 1px solid transparent;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}
.header .header-top-nav .h-t-nav-option a:hover,
.header .header-top-nav .h-t-nav-option a.active {
  border-bottom: 1px solid #fff;
}
.header .header-top-nav .user-info {
  position: relative;
  cursor: pointer;
  background: url("") right center no-repeat;
}
.header .header-top-nav .user-info .user-header-img {
  float: left;
  display: inline-block;
  margin: 31.5px 10px;
  width: 42px;
  height: 42px;
  background: url('../images/user/userheader.png') center no-repeat;
}
.header .header-top-nav .user-info .user-name {
  margin: 0;
  float: left;
  line-height: 105px;
  font-size: 16px;
  color: #fff;
  max-width: 120px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .header-top-nav .user-info .user-manage {
  position: absolute;
  top: 90px;
  left: 40px;
  width: 110px;
  border: 1px solid #a9d9ff;
  border-radius: 3px;
  display: none;
  background-color: #1898FB;
}
.header .header-top-nav .user-info .user-manage .span1 {
  position: absolute;
  display: inline-block;
  top: -11px;
  left: 41px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #1898FB;
  z-index: 2;
}
.header .header-top-nav .user-info .user-manage .span2 {
  position: absolute;
  display: inline-block;
  top: -12px;
  left: 40px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 12px solid #fff;
  z-index: 1;
}
.header .header-top-nav .user-info .user-manage a {
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  height: 56px;
  font-size: 14px;
  line-height: 56px;
  text-align: center;
  float: left;
}
.header .header-top-nav .user-info .user-manage a:hover {
  background-color: #6FB6F4;
}
.header .header-top-nav .user-info:hover .user-manage {
  display: block;
}
.header .header-figure {
  margin: 65px 0;
  max-width: 650px;
  max-height: 505px;
}
.header .header-login {
  margin: 167.5px 0;
  width: 580px;
}
.header .header-login .info {
  float: left;
  margin-top: 30px;
  width: 100%;
  height: 155px;
}
.header .header-login .btn-box {
  overflow: hidden;
  float: left;
  margin: 80px 36px 0;
}
.header .header-login .btn-box .btn {
  float: left;
  display: inline-block;
  padding-right: 30px;
  margin: 10px 19px;
  width: 182px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.header .header-login .btn-box .btn.btn-login {
  color: #1D99F8;
  background: url(../images/headerloginicon.png) center no-repeat #fff;
}
.header .header-login .btn-box .btn.btn-register {
  color: #fff;
  background: url(../images/headerregistericon.png) center no-repeat #1D99F8;
}
.header .header-login .btn-box .btn:hover {
  box-shadow: 0 0 5px 5px #3089E9, 0 0 5px 10px #1A96F7;
}
.header .header-user {
  margin: 116px auto;
  width: 1163px;
  height: 406px;
  background: url(../images/user/userp.png) center no-repeat;
}
.header .about-box {
  position: relative;
}
.header .about-box .about-info {
  position: absolute;
  top: 35px;
  left: 365px;
  width: 600px;
}
.header .about-box .about-info h3 {
  margin: 35px 0;
  font-size: 36px;
  color: #fff;
  text-align: center;
}
.header .about-box .about-info p {
  text-indent: 2.4em;
  font-size: 16px;
  color: #fff;
  text-align: left;
  line-height: 24px;
}
.footer .footer-top {
  background-color: #3D9DF3;
}
.footer .f-t-left {
  overflow: hidden;
  margin: 55px 0;
}
.footer .f-t-left .ewm {
  width: 156px;
  height: 156px;
}
.footer .f-t-left .contact {
  overflow: hidden;
  margin-left: 26px;
}
.footer .f-t-left .contact .title {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.footer .f-t-left .contact p {
  margin: 15px 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
}
.footer .f-t-left .contact p:last-child,
.footer .f-t-left .contact p.last-child {
  margin-top: 10px;
  margin-bottom: 0;
}
.footer .footer-nav {
  overflow: hidden;
  margin: 55px 0;
}
.footer .footer-nav .option {
  margin: 12px 0;
}
.footer .footer-nav .option a {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  text-decoration: none;
}
.footer .footer-nav .option:first-child,
.footer .footer-nav .option.first-child {
  margin-top: 0;
}
.footer .footer-nav .option:last-child,
.footer .footer-nav .option.last-child {
  margin-bottom: 0;
}
.footer .footer-nav.mgr100 {
  margin-right: 100px;
}
.footer .footer-bottom {
  overflow: hidden;
  background-color: #3B4A83;
  text-align: center;
  line-height: 65px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.page {
  text-align: center;
  overflow: hidden;
  padding-left: 0;
  margin: 35px 0;
  list-style: none;
}
.page li {
  display: inline-block;
  width: 38px;
  height: 38px;
  border: 1px solid #E7E7E7;
  background-color: #F8F8F8;
  border-radius: 19px;
  font-size: 18px;
  line-height: 36px;
  cursor: pointer;
}
.page li span {
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 1px solid transparent;
  background-color: #F8F8F8;
  border-radius: 18px;
}
.page li:hover,
.page li.active {
  border-color: #13C1D7;
  background-color: #90D3DD;
}
.page li:hover span,
.page li.active span {
  border-color: #fff;
  background-color: #90D3DD;
  color: #fff;
}
.page .prev {
  color: transparent;
}
.page .prev span {
  background: url('../images/lefticon.png') center no-repeat;
  color: transparent;
}
.page .prev:hover {
  color: transparent;
}
.page .prev:hover span {
  background-image: url('../images/lefticond.png');
  color: transparent;
}
.page .prev.disable {
  color: transparent;
}
.page .prev.disable span {
  background-image: url('../images/lefticonf.png');
  color: transparent;
}
.page .next {
  color: transparent;
}
.page .next span {
  color: transparent;
  background: url('../images/righticon.png') center no-repeat;
}
.page .next:hover {
  color: transparent;
}
.page .next:hover span {
  background-image: url('../images/righticond.png');
  color: transparent;
}
.page .next.disable {
  color: transparent;
}
.page .next.disable span {
  background-image: url('../images/righticonf.png');
  color: transparent;
}
.page .more-page span {
  position: relative;
  top: -4px;
  line-height: 27px;
}
.container-home-one {
  overflow: hidden;
  background: url(../images/homebkbottom.png) bottom left no-repeat;
  background-size: 1920px 33px;
}
.home-left {
  overflow: hidden;
  margin: 100px 0 130px;
  width: 770px;
}
.home-left .title {
  text-align: center;
  margin-bottom: 30px;
}
.home-left .title h3 {
  line-height: 36px;
  font-size: 24px;
  color: #343434;
}
.home-left .title p {
  line-height: 24px;
  font-size: 16px;
  color: #A6A6A6;
}
.home-left .title em {
  line-height: 48px;
  font-size: 18px;
  color: #3C9BF2;
}
.home-left .option {
  overflow: hidden;
  float: left;
  margin: 30px 0;
  width: 100%;
  height: 100px;
  background: no-repeat 0 10px;
}
.home-left .option .info {
  overflow: hidden;
  float: left;
  margin-left: 110px;
  margin-top: 10px;
  width: 390px;
}
.home-left .option .info h3 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  color: #343434;
}
.home-left .option .info p {
  font-size: 16px;
  line-height: 20px;
  color: #9A9A9A;
}
.home-left .option .btn-box {
  overflow: hidden;
  float: right;
  width: 213px;
  height: 100px;
  background: top left no-repeat;
}
.home-left .option .btn-box .btn {
  position: relative;
  display: inline-block;
  width: 164px;
  height: 21px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  top: 59px;
  left: 24px;
  text-decoration: none;
  background-color: #EFEFEF;
}
.home-left .option .btn-box .btn:hover {
  background-color: #ffffff;
}
.home-left .option .btn-box .btn.onecolor {
  color: #CB9000;
}
.home-left .option .btn-box .btn.twocolor {
  color: #9D64C4;
}
.home-left .option .btn-box .btn.therecolor {
  color: #2385FE;
}
.home-left .option1 {
  background-image: url("../images/homeicon1.png");
}
.home-left .option1 .btn-box {
  background-image: url("../images/homebk1.png");
}
.home-left .option2 {
  background-image: url("../images/homeicon2.png");
}
.home-left .option2 .btn-box {
  background-image: url("../images/homebk2.png");
}
.home-left .option3 {
  background-image: url("../images/homeicon3.png");
}
.home-left .option3 .btn-box {
  background-image: url("../images/homebk3.png");
}
.home-right {
  position: relative;
  margin-top: 66px;
  z-index: -1;
}
.container-home-two {
  overflow: hidden;
  background: url(../images/homebk2.jpg) center no-repeat;
  background-size: 1920px 815px;
  min-width: 1330px;
}
.container-home-two .title {
  font-size: 16px;
  line-height: 40px;
  margin: 10px 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.container-home-two .title h3 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 40px;
  text-align: center;
}
.container-home-two .c-t-options {
  overflow: hidden;
  margin: 30px 110px;
}
.container-home-two .option {
  float: left;
  overflow: hidden;
  margin: 6px 32px;
  width: 305px;
  height: 265px;
  border-radius: 5px;
  background-color: rgba(29, 134, 239, 0.35);
  cursor: pointer;
}
.container-home-two .option .top {
  margin: 0 38px;
  padding: 0 0 30px ;
  width: 229px;
  height: 136px;
  border-bottom: 1px solid #68A2D0;
  text-align: center;
}
.container-home-two .option .top img {
  float: left;
  width: 97px;
  height: 97px;
  display: block;
  margin: 20px 66px 0;
}
.container-home-two .option .top .img {
  float: left;
  width: 97px;
  height: 97px;
  display: block;
  margin: 20px 66px 0;
  background: center no-repeat;
}
.container-home-two .option .top .img1 {
  background-image: url("../images/home2icon1.png");
}
.container-home-two .option .top .img2 {
  background-image: url("../images/home2icon2.png");
}
.container-home-two .option .top .img3 {
  background-image: url("../images/home2icon3.png");
}
.container-home-two .option .top .img4 {
  background-image: url("../images/home2icon4.png");
}
.container-home-two .option .top .img5 {
  background-image: url("../images/home2icon5.png");
}
.container-home-two .option .top .img6 {
  background-image: url("../images/home2icon6.png");
}
.container-home-two .option .top p {
  float: left;
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  color: #fff;
}
.container-home-two .option .bottom {
  overflow: hidden;
  margin: 0 38px;
  padding: 15px 0;
  border-top: 1px solid #90D1FF;
}
.container-home-two .option .bottom p {
  float: left;
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #fff;
}
.container-home-two .option:hover {
  background-color: #1d86ef;
}
.container-home-two .option:hover .top {
  border-bottom: 1px solid #0970D7;
}
.container-home-two .option:hover .bottom {
  border-top: 1px solid #5DAEFF;
}
.container-home-two .btn {
  float: left;
  display: inline-block;
  margin-left: 580px;
  margin-bottom: 40px;
  width: 166px;
  height: 42px;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 20px;
  line-height: 42px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.container-home-two .btn a {
  font-size: 20px;
  line-height: 42px;
  color: #fff;
  text-decoration: none;
}
.container-home-two .btn:hover {
  background-color: #1D86EF;
  border: 2px solid #1D86EF;
}
.container-home-three {
  overflow: hidden;
}
.container-home-three .title {
  font-size: 16px;
  line-height: 40px;
  margin: 10px 0;
  text-align: center;
  font-weight: bold;
  color: #A6A6A6;
}
.container-home-three .title h3 {
  font-size: 30px;
  line-height: 36px;
  margin-top: 40px;
  text-align: center;
  color: #343434;
}
.container-home-three .rowl,
.container-home-three .rowt,
.container-home-three .c-tr-our-partners {
  overflow: hidden;
  width: 825px;
}
.container-home-three .c-tr-our-partners {
  margin: 60px auto 130px;
}
.container-home-three .c-tr-our-partners .mgt {
  margin-top: -30px;
}
.container-home-three .c-tr-our-partners {
  overflow: hidden;
}
.container-home-three .c-tr-our-partners .option {
  float: left;
  margin: 0 4px;
  width: 129px;
  height: 148px;
  cursor: pointer;
  background: url('../images/partners/home3icons.png') no-repeat;
}
.container-home-three .c-tr-our-partners .option a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.container-home-three .c-tr-our-partners .option1 {
  background-position: 0 0px;
}
.container-home-three .c-tr-our-partners .option1:hover {
  background-position: -143px 0px;
}
.container-home-three .c-tr-our-partners .option2 {
  background-position: 0 -148px;
}
.container-home-three .c-tr-our-partners .option2:hover {
  background-position: -143px -148px;
}
.container-home-three .c-tr-our-partners .option3 {
  background-position: 0 -296px;
}
.container-home-three .c-tr-our-partners .option3:hover {
  background-position: -143px -296px;
}
.container-home-three .c-tr-our-partners .option4 {
  background-position: 0 -444px;
}
.container-home-three .c-tr-our-partners .option4:hover {
  background-position: -143px -444px;
}
.container-home-three .c-tr-our-partners .option5 {
  background-position: 0 -592px;
}
.container-home-three .c-tr-our-partners .option5:hover {
  background-position: -143px -592px;
}
.container-home-three .c-tr-our-partners .option6 {
  background-position: 0 -740px;
}
.container-home-three .c-tr-our-partners .option6:hover {
  background-position: -143px -740px;
}
.container-home-three .c-tr-our-partners .option7 {
  background-position: 0 -888px;
}
.container-home-three .c-tr-our-partners .option7:hover {
  background-position: -143px -888px;
}
.container-home-three .c-tr-our-partners .option8 {
  background-position: 0 -1036px;
}
.container-home-three .c-tr-our-partners .option8:hover {
  background-position: -143px -1036px;
}
.container-home-three .c-tr-our-partners .option9 {
  background-position: 0 -1184px;
}
.container-home-three .c-tr-our-partners .option9:hover {
  background-position: -143px -1184px;
}
.container-home-three .c-tr-our-partners .option10 {
  background-position: 0 -1332px;
}
.container-home-three .c-tr-our-partners .option10:hover {
  background-position: -143px -1332px;
}
.container-home-three .c-tr-our-partners .option11 {
  background-position: 0 -1480px;
}
.container-home-three .c-tr-our-partners .option11:hover {
  background-position: -143px -1480px;
}
.container-home-three .c-tr-our-partners .option12 {
  background-position: 0 -1628px;
}
.container-home-three .c-tr-our-partners .option12:hover {
  background-position: -143px -1628px;
}
.container-home-three .c-tr-our-partners .option13 {
  background-position: 0 -1776px;
}
.container-home-three .c-tr-our-partners .option13:hover {
  background-position: -143px -1776px;
}
.container-home-three .c-tr-our-partners .option14 {
  background-position: 0 -1924px;
}
.container-home-three .c-tr-our-partners .option14:hover {
  background-position: -143px -1924px;
}
.container-home-three .c-tr-our-partners .option15 {
  background-position: 0 -2072px;
}
.container-home-three .c-tr-our-partners .option15:hover {
  background-position: -143px -2072px;
}
.container-home-three .c-tr-our-partners .option16 {
  background-position: 0 -2220px;
}
.container-home-three .c-tr-our-partners .option16:hover {
  background-position: -143px -2220px;
}
.container-home-three .rowl .mgl {
  margin-left: 72px;
}
.container-user-nav {
  height: 90px;
  margin-top: -65px;
  background-color: #3180E1;
}
.container-user-nav .c-u-nav-options {
  margin: auto;
  width: 1100px;
  height: 90px;
}
.container-user-nav .c-u-nav-option {
  float: left;
  position: relative;
  padding-left: 120px;
  width: 154px;
  height: 90px;
  background: no-repeat 50px center;
  font-size: 24px;
  line-height: 90px;
  text-align: left;
  color: #78C4FF;
  cursor: pointer;
}
.container-user-nav .c-u-nav-option span {
  position: absolute;
  display: inline-block;
  bottom: -15px;
  left: 123.5px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 15px solid transparent;
}
.container-user-nav .c-u-nav-option.option1 {
  background-image: url('../images/user/usericonf1.png');
}
.container-user-nav .c-u-nav-option.option2 {
  background-image: url('../images/user/usericonf2.png');
}
.container-user-nav .c-u-nav-option.option3 {
  background-image: url('../images/user/usericonf3.png');
}
.container-user-nav .c-u-nav-option.option4 {
  background-image: url('../images/user/usericonf4.png');
}
.container-user-nav .c-u-nav-option:hover {
  background-color: #3489f1;
  color: #fff;
}
.container-user-nav .c-u-nav-option:hover span {
  border-top: 15px solid transparent;
}
.container-user-nav .c-u-nav-option:hover.option1 {
  background-image: url('../images/user/usericon1.png');
}
.container-user-nav .c-u-nav-option:hover.option2 {
  background-image: url('../images/user/usericon2.png');
}
.container-user-nav .c-u-nav-option:hover.option3 {
  background-image: url('../images/user/usericon3.png');
}
.container-user-nav .c-u-nav-option:hover.option4 {
  background-image: url('../images/user/usericon4.png');
}
.container-user-nav .c-u-nav-option.active {
  background-color: #4FBCFB;
  color: #fff;
}
.container-user-nav .c-u-nav-option.active span {
  border-top: 15px solid #4FBCFB;
}
.container-user-nav .c-u-nav-option.active.option1 {
  background-image: url('../images/user/usericon1.png');
}
.container-user-nav .c-u-nav-option.active.option2 {
  background-image: url('../images/user/usericon2.png');
}
.container-user-nav .c-u-nav-option.active.option3 {
  background-image: url('../images/user/usericon3.png');
}
.container-user-nav .c-u-nav-option.active.option4 {
  background-image: url('../images/user/usericon4.png');
}
.container-user-nav .c-u-nav-option.active:hover {
  background-color: #4FBCFB;
  color: #fff;
}
.container-user-nav .c-u-nav-option.active:hover span {
  border-top: 15px solid #4FBCFB;
}
.container-user-nav .c-u-nav-option.active:hover.option1 {
  background-image: url('../images/user/usericon1.png');
}
.container-user-nav .c-u-nav-option.active:hover.option2 {
  background-image: url('../images/user/usericon2.png');
}
.container-user-nav .c-u-nav-option.active:hover.option3 {
  background-image: url('../images/user/usericon3.png');
}
.container-user-nav .c-u-nav-option.active:hover.option4 {
  background-image: url('../images/user/usericon4.png');
}
.user-infos-box {
  margin: auto;
  width: 1100px;
}
.user-infos-box .user-info-one {
  position: relative;
  margin-top: 25px;
  width: 1096px;
  height: 220px;
  border: 2px solid #FCDD9E;
  border-radius: 3px;
  background: url('../images/user/userinfobk1.jpg') left center no-repeat;
}
.user-infos-box .user-info-one .icon {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 140px;
  height: 140px;
  background: url('../images/user/userinfoicon.png') center no-repeat;
}
.user-infos-box .user-info-one .user-info {
  width: 800px;
  height: 100%;
}
.user-infos-box .user-info-one .user-info .header-img {
  margin: 46px 40px 46px 130px;
  width: 127px;
  height: 127px;
  background: url('../images/user/userinfoheader.png') center no-repeat;
}
.user-infos-box .user-info-one .user-info .info {
  overflow: hidden;
  width: 500px;
  margin: 46px 0;
  font-size: 14px;
  font-family: 'FZ';
  line-height: 20px;
  color: #304269;
}
.user-infos-box .user-info-one .user-info .info span {
  position: relative;
  padding-left: 30px;
  width: 470px;
  display: inline-block;
  background: left 5px no-repeat;
  text-align: left;
  line-height: 30px;
}
.user-infos-box .user-info-one .user-info .info span.one {
  background-image: url('../images/user/userinfoicon2.png');
}
.user-infos-box .user-info-one .user-info .info span.two {
  background-image: url('../images/user/userinfoicon3.png');
}
.user-infos-box .user-info-one .user-info .info span.three {
  background-image: url('../images/user/userinfoicon4.png');
}
.user-infos-box .user-info-one .user-info .info span.four {
  background-image: url('../images/user/userinfoicon5.png');
}
.user-infos-box .user-info-one .user-info .info span a {
  position: absolute;
  right: 100px;
  top: 0;
  line-height: 30px;
  color: #2696EC;
  font-size: 16px;
}
.user-infos-box .user-info-one .user-info .info span p {
  width: 390px;
  float: right;
  text-align: left;
}
.user-infos-box .user-info-one .user-balance {
  overflow: hidden;
  position: relative;
  width: 280px;
  height: 100%;
}
.user-infos-box .user-info-one .user-balance .one,
.user-infos-box .user-info-one .user-balance .two,
.user-infos-box .user-info-one .user-balance .three {
  position: absolute;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.user-infos-box .user-info-one .user-balance .one {
  top: -80px;
  left: 0;
  width: 400px;
  height: 400px;
  background-color: #FDF6EE;
  z-index: 1;
}
.user-infos-box .user-info-one .user-balance .two {
  top: -70px;
  left: 18px;
  width: 380px;
  height: 380px;
  background-color: #F7DFC1;
  z-index: 2;
}
.user-infos-box .user-info-one .user-balance .three {
  position: absolute;
  top: -60px;
  left: 36px;
  width: 360px;
  height: 360px;
  background-color: #E9D38D;
  z-index: 3;
}
.user-infos-box .user-info-one .user-balance .content {
  position: relative;
  z-index: 4;
  margin: 40px 0 40px 60px;
  text-align: center;
}
.user-infos-box .user-info-one .user-balance .content p {
  font-size: 16px;
  font-family: 'FZ';
  line-height: 40px;
  color: #A87F01;
}
.user-infos-box .user-info-one .user-balance .content em {
  display: inline-block;
  width: 100%;
  font-size: 40px;
  line-height: 40px;
  color: #FFF;
  font-weight: bold;
}
.user-infos-box .user-info-one .user-balance .content em b {
  font-size: 16px;
  font-family: 'FZ';
  line-height: 40px;
  color: #fff;
}
.user-infos-box .user-info-one .user-balance .content span {
  margin: 10px 0;
  display: inline-block;
  width: 120px;
  height: 40px;
  border-radius: 5px;
  background-color: #FFDD75;
  font-size: 16px;
  color: #A87F01;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 3px 3px 3px;
  -moz-box-shadow: 3px 3px 3px;
  box-shadow: 3px 3px 3px;
}
.user-infos-box .user-info-one .user-balance .content span:hover {
  background-color: #ffd042;
}
.user-infos-box .user-info-two {
  position: relative;
  margin-top: 25px;
  width: 1096px;
  height: 570px;
  border: 2px solid #8DE0FF;
  border-radius: 3px;
}
.user-infos-box .user-info-two .icon {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 140px;
  height: 140px;
  background: url('../images/user/usercounticon.png') center no-repeat;
}
.user-infos-box .user-info-two .title {
  height: 60px;
  font-size: 18px;
  font-family: 'FZ';
  line-height: 60px;
  color: #486B9E;
  padding-left: 80px;
  margin: 60px 130px;
  background: url('../images/user/userconticon2.png') left center no-repeat;
}
.user-infos-box .user-info-two .row {
  padding: 0 40px;
  margin: 8px auto;
  width: 920px;
  height: 72px;
  border: 1px solid #ECECEC;
}
.user-infos-box .user-info-two .row .col {
  float: left;
  overflow: hidden;
  width: 25%;
}
.user-infos-box .user-info-two .row .col span {
  float: left;
  font-size: 14px;
  line-height: 72px;
}
.user-infos-box .user-info-two .row .col p {
  padding: 0 10px;
  font-family: 'FZ';
  font-size: 22px;
  line-height: 72px;
  float: left;
  color: #006AA5;
}
.user-infos-box .user-info-two .row .col p.red {
  color: #FF6C00;
}
.user-infos-box .user-info-two .total {
  background-color: #ECECEC;
}
.user-infos-box .user-info-two .total .col {
  float: right;
}
.user-infos-box .user-info-two .total .col span {
  color: #006AA5;
}
.user-infos-box .user-info-two .total .col p {
  color: #B80000;
}
.user-infos-box .user-info-three {
  position: relative;
  margin-top: 25px;
  margin-bottom: 30px;
  width: 1096px;
  height: 166px;
  border: 2px solid #B5E6DB;
  border-radius: 3px;
}
.user-infos-box .user-info-three .icon {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 140px;
  height: 140px;
  background: url('../images/user/usernoticeicon.png') center no-repeat;
}
.user-infos-box .user-info-three .content {
  height: 60px;
  font-size: 18px;
  font-family: 'FZ';
  line-height: 60px;
  color: #486B9E;
  padding-left: 80px;
  margin: 53px 130px;
  background: url('../images/user/usernoticeicon2.png') left center no-repeat;
}
.user-infos-box .user-info-three .content p,
.user-infos-box .user-info-three .content select,
.user-infos-box .user-info-three .content span {
  float: left;
}
.user-infos-box .user-info-three .content select {
  font-size: 16px;
  margin: 10px;
  width: 115px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #8DE0FF;
  padding-left: 20px;
}
.user-infos-box .user-info-three .content select:focus {
  -webkit-box-shadow: 0 0 5px #0CC;
  -moz-box-shadow: 0 0 5px #0CC;
  box-shadow: 0 0 5px #0CC;
  border: 1px solid #8DE0FF;
  outline: 0;
}
.user-infos-box .user-info-three .content span {
  display: inline-block;
  margin: 10px 30px;
  width: 120px;
  height: 40px;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background-color: #389AE6;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 0 #2C84C8;
  -moz-box-shadow: 0 2px 0 #2C84C8;
  box-shadow: 0 2px 0 #2C84C8;
}
.user-infos-box .user-info-three .content span:hover {
  background-color: #1a81d1;
}
.user-recharge-box {
  margin: auto;
  width: 1100px;
}
.user-recharge-box .user-recharge-one {
  position: relative;
  margin-top: 25px;
  margin-bottom: 30px;
  width: 1096px;
  height: 685px;
  border: 2px solid #8DE0FF;
  border-radius: 3px;
}
.user-recharge-box .user-recharge-one .icon {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 140px;
  height: 140px;
  background: url('../images/user/userchargeicon.png') center no-repeat;
}
.user-recharge-box .user-recharge-one .title {
  height: 60px;
  font-size: 18px;
  font-family: 'FZ';
  line-height: 60px;
  color: #486B9E;
  padding-left: 80px;
  margin: 60px 130px;
  background: url('../images/user/userchargeicon2.png') left center no-repeat;
}
.user-recharge-box .user-recharge-one .title span {
  padding: 0 20px;
}
.user-recharge-box .user-recharge-one .title em {
  font-family: "Microsoft YaHei", serif;
  font-size: 35px;
  color: #FF7E00;
  font-weight: bold;
}
.user-recharge-box .user-recharge-one .title a {
  margin-right: 240px;
  font-size: 18px;
  font-family: 'FZ';
  line-height: 76px;
  color: #4B9FE7;
}
.user-recharge-box .user-recharge-one .line {
  height: 2px;
  background-color: #F3F3F3;
  width: 600px;
  margin-left: 130px;
}
.user-recharge-box .user-recharge-one .charge-box {
  margin: 50px 130px;
}
.user-recharge-box .user-recharge-one .charge-box .charge-amount {
  display: inline-block;
  margin-bottom: 20px;
  height: 46px;
  font-size: 16px;
  line-height: 44px;
}
.user-recharge-box .user-recharge-one .charge-box .charge-amount .amount {
  margin: 0 10px;
  width: 150px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #8DE0FF;
  padding-left: 20px;
  font-size: 16px;
}
.user-recharge-box .user-recharge-one .charge-box .charge-amount .amount:focus {
  -webkit-box-shadow: 0 0 5px #0CC;
  -moz-box-shadow: 0 0 5px #0CC;
  box-shadow: 0 0 5px #0CC;
  border: 1px solid #8DE0FF;
  outline: 0;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way {
  overflow: hidden;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 44px;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way .play {
  display: inline-block;
  width: 178px;
  height: 58px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way .play b {
  display: inline-block;
  padding-left: 50px;
  width: 128px;
  height: 100%;
  font-weight: normal;
  font-size: 16px;
  line-height: 58px;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way .play:hover,
.user-recharge-box .user-recharge-one .charge-box .charge-way .play.active {
  border-color: #F74342;
  background: url('../images/user/userchargeicon3.png') 162px 40px no-repeat;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way .weixinplay b {
  background: url('../images/user/weixinicon.png') 35px center no-repeat;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way .aplay {
  margin-left: 25px;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way .aplay b {
  background: url('../images/user/aplayicon.png') 35px center no-repeat;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way .btn-play {
  display: inline-block;
  margin: 4px 40px;
  width: 150px;
  height: 50px;
  background-color: #FFAB5C;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  -webkit-box-shadow: 3px 3px 3px #D69304;
  -moz-box-shadow: 3px 3px 3px #D69304;
  box-shadow: 3px 3px 3px #D69304;
  cursor: pointer;
}
.user-recharge-box .user-recharge-one .charge-box .charge-way .btn-play:hover {
  background-color: #ff9129;
}
.user-recharge-box .user-recharge-one .prompt {
  margin: 30px 130px;
}
.user-recharge-box .user-recharge-one .prompt h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px;
}
.user-recharge-box .user-recharge-one .prompt p {
  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
}
.user-recharge-box .user-recharge-one .prompt p span {
  float: left;
  margin: 8px 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FFDEAD;
}
.user-bill-box {
  margin: auto;
  width: 1100px;
}
.user-bill-box .user-bill-one {
  position: relative;
  margin-top: 25px;
  margin-bottom: 30px;
  width: 1096px;
  height: 1110px;
  border: 2px solid #8DE0FF;
  border-radius: 3px;
}
.user-bill-box .user-bill-one .icon {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 140px;
  height: 140px;
  background: url('../images/user/userbillicon.png') center no-repeat;
}
.user-bill-box .user-bill-one .title {
  height: 60px;
  font-size: 24px;
  line-height: 60px;
  color: #486B9E;
  margin: 60px 130px 30px;
}
.user-bill-box .user-bill-one .search-time {
  width: 675px;
  margin: 20px 130px;
  line-height: 38px;
  font-size: 14px;
  color: #486B9E;
}
.user-bill-box .user-bill-one .search-time .inline {
  display: inline-block;
  vertical-align: top;
}
.user-bill-box .user-bill-one .search-time .inline li {
  width: 140px;
  height: 38px;
  margin: 0 15px;
  border-radius: 5px;
  border-color: #DCDCDC;
  cursor: pointer;
  background: url('../images/user/timeicon.png') 140px center no-repeat;
  line-height: 38px;
  padding-left: 20px;
}
.user-bill-box .user-bill-one .search-time .inline li:hover,
.user-bill-box .user-bill-one .search-time .inline li:focus,
.user-bill-box .user-bill-one .search-time .inline li.active {
  border-color: #8DE0FF;
  -webkit-box-shadow: 0 0 3px #8DE0FF;
  -moz-box-shadow: 0 0 3px #8DE0FF;
  box-shadow: 0 0 3px #8DE0FF;
}
.user-bill-box .user-bill-one .search-time .search-btn {
  float: right;
  margin-left: 20px;
  display: inline-block;
  width: 62px;
  height: 40px;
  border-radius: 5px;
  background: url('../images/user/searchicon.png') center no-repeat #389AE6;
  cursor: pointer;
}
.user-bill-box .user-bill-one .search-time .search-btn:hover {
  background-color: #1a81d1;
}
.user-bill-box .user-bill-one .line {
  height: 2px;
  background-color: #F3F3F3;
  width: 675px;
  margin-left: 130px;
}
.user-bill-box .user-bill-one .shows {
  height: 60px;
  font-size: 18px;
  font-family: 'FZ';
  line-height: 60px;
  color: #486B9E;
  padding-left: 80px;
  margin: 30px 130px;
  background: url('../images/user/userconticon2.png') left center no-repeat;
}
.user-bill-box .user-bill-one .records {
  margin: 0 46px;
  border: 1px solid #E7E7E7;
  font-size: 14px;
  line-height: 60px;
}
.user-bill-box .user-bill-one .records .record-title {
  overflow: hidden;
  background-color: #E7E7E7;
  color: #658394;
}
.user-bill-box .user-bill-one .records .record-list {
  overflow: hidden;
  font-size: 12px;
  color: #8F8F8F;
}
.user-bill-box .user-bill-one .records .record-list:nth-child(2n) {
  background-color: #FCFCFC;
}
.user-bill-box .user-bill-one .records p {
  float: left;
  height: 60px;
}
.user-bill-box .user-bill-one .records .order-no,
.user-bill-box .user-bill-one .records .order-info {
  padding: 0 15px;
  text-align: left;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-bill-box .user-bill-one .records .order-info {
  cursor: default;
}
.user-bill-box .user-bill-one .records .order-status,
.user-bill-box .user-bill-one .records .order-ctime,
.user-bill-box .user-bill-one .records .order-playway,
.user-bill-box .user-bill-one .records .order-amount {
  text-align: center;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-bill-box .user-bill-one .records .w240 {
  width: 240px;
}
.user-bill-box .user-bill-one .records .w280 {
  width: 280px;
}
.user-bill-box .user-bill-one .records .w160 {
  width: 160px;
}
.user-bill-box .user-bill-one .records .w100 {
  width: 100px;
}
.user-bill-box .user-bill-one .records .w80 {
  width: 80px;
}
.user-bill-box .user-bill-one .records .w120 {
  width: 120px;
}
.container-product-nav {
  height: 90px;
  margin-top: -90px;
  background-color: #3180E1;
}
.container-product-nav .c-u-nav-options {
  margin: auto;
  width: 1100px;
  height: 90px;
}
.container-product-nav .c-u-nav-options a {
  font-size: 24px;
  line-height: 90px;
  text-align: center;
  color: #78C4FF;
  text-decoration: none;
}
.container-product-nav .c-u-nav-option {
  float: left;
  position: relative;
  width: 275px;
  height: 90px;
  background: no-repeat 50px center;
  font-size: 24px;
  line-height: 90px;
  text-align: center;
  color: #78C4FF;
  cursor: pointer;
}
.container-product-nav .c-u-nav-option span {
  position: absolute;
  display: inline-block;
  bottom: -15px;
  left: 123.5px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 15px solid transparent;
}
.container-product-nav .c-u-nav-option:hover {
  background-color: #3489f1;
  color: #fff;
}
.container-product-nav .c-u-nav-option:hover span {
  border-top: 15px solid transparent;
}
.container-product-nav .c-u-nav-option.active {
  background-color: #4FBCFB;
  color: #fff;
}
.container-product-nav .c-u-nav-option.active span {
  border-top: 15px solid #4FBCFB;
}
.container-product-nav .c-u-nav-option.active:hover {
  background-color: #4FBCFB;
  color: #fff;
}
.container-product-nav .c-u-nav-option.active:hover span {
  border-top: 15px solid #4FBCFB;
}
.product-content {
  overflow: hidden;
}
.product-content .title {
  text-align: center;
  margin-top: 80px;
}
.product-content .title h3 {
  font-size: 24px;
  color: #343434;
}
.product-content .title p {
  font-size: 16px;
  line-height: 30px;
  color: #A6A6A6;
}
.product-content .option {
  float: left;
  margin: 20px 155px 20px 0;
  position: relative;
  padding: 5px;
  width: 330px;
  height: 460px;
}
.product-content .option .img {
  height: 200px;
  width: 100%;
  background: center bottom no-repeat;
}
.product-content .option .title {
  text-align: center;
  margin: 30px 0;
  font-family: 'FZ';
  font-size: 24px;
  color: #373737;
  font-weight: normal;
}
.product-content .option .info {
  font-family: 'FZ';
  font-size: 14px;
  color: #ACACAC;
}
.product-content .option .btn {
  display: inline-block;
  margin-top: 364px;
  margin-left: 108px;
  position: absolute;
  bottom: 20px;
  width: 114px;
  height: 36px;
  border: 1px solid #2696EC;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #2696EC;
  border-radius: 5px;
}
.product-content .option .btn:hover {
  background: #2696EC;
  color: #fff;
  cursor: pointer;
}
.product-content .option .btn.disable {
  background-color: #dcdcdc;
  border: #dcdcdc;
  color: #fff;
}
.product-content .option .btn.disable:hover {
  cursor: default;
}
.product-content .option.last {
  margin-right: 0;
}
.product-content .content-two {
  overflow: hidden;
  width: 1200px;
  margin: 40px auto;
  background-color: #F2F5FD;
}
.product-content .content-two .option-map {
  width: 100%;
  height: 587px;
  text-align: center;
}
.product-content .content-two .option-map img {
  margin: auto;
  width: 801px;
  height: 587px;
}
.product-content .content-two .option {
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  width: 300px;
  height: 310px;
  float: left;
  color: #006CC2;
}
.product-content .content-two .option .img {
  height: 190px;
  width: 100%;
  background: center no-repeat;
}
.product-content .content-two .option .img1 {
  background-image: url("../images/product/producticon1.png");
}
.product-content .content-two .option:hover .img1 {
  background-image: url("../images/product/producticonf1.png");
}
.product-content .content-two .option .img2 {
  background-image: url("../images/product/producticon2.png");
}
.product-content .content-two .option:hover .img2 {
  background-image: url("../images/product/producticonf2.png");
}
.product-content .content-two .option .img3 {
  background-image: url("../images/product/producticon3.png");
}
.product-content .content-two .option:hover .img3 {
  background-image: url("../images/product/producticonf3.png");
}
.product-content .content-two .option .img4 {
  background-image: url("../images/product/producticon4.png");
}
.product-content .content-two .option:hover .img4 {
  background-image: url("../images/product/producticonf4.png");
}
.product-content .content-two .option .img5 {
  background-image: url("../images/product/producticon5.png");
}
.product-content .content-two .option:hover .img5 {
  background-image: url("../images/product/producticonf5.png");
}
.product-content .content-two .option .img6 {
  background-image: url("../images/product/producticon6.png");
}
.product-content .content-two .option:hover .img6 {
  background-image: url("../images/product/producticonf6.png");
}
.product-content .content-two .option .img7 {
  background-image: url("../images/product/producticon7.png");
}
.product-content .content-two .option:hover .img7 {
  background-image: url("../images/product/producticonf7.png");
}
.product-content .content-two .option .img8 {
  background-image: url("../images/product/producticon8.png");
}
.product-content .content-two .option:hover .img8 {
  background-image: url("../images/product/producticonf8.png");
}
.product-content .content-two .option .img9 {
  background-image: url("../images/product/producticon9.png");
}
.product-content .content-two .option:hover .img9 {
  background-image: url("../images/product/producticonf9.png");
}
.product-content .content-two .option .img10 {
  background-image: url("../images/product/producticon10.png");
}
.product-content .content-two .option:hover .img10 {
  background-image: url("../images/product/producticonf10.png");
}
.product-content .content-two .option .img11 {
  background-image: url("../images/product/producticon11.png");
}
.product-content .content-two .option:hover .img11 {
  background-image: url("../images/product/producticonf11.png");
}
.product-content .content-two .option .img12 {
  background-image: url("../images/product/producticon12.png");
}
.product-content .content-two .option:hover .img12 {
  background-image: url("../images/product/producticonf12.png");
}
.product-content .content-two .option .name {
  line-height: 20px;
  font-size: 18px;
  text-align: center;
}
.product-content .content-two .option .btn {
  display: inline-block;
  margin: 20px 92px;
  width: 116px;
  height: 34px;
  border: 2px solid #006CC2;
  color: #006CC2;
  font-size: 18px;
  text-align: center;
  line-height: 34px;
}
.product-content .content-two .option .btn:hover {
  cursor: pointer;
  background-color: transparent;
  color: #006CC2;
}
.product-content .content-two .option .btn.disable {
  background-color: #dcdcdc;
  border: #dcdcdc;
  color: #fff;
}
.product-content .content-two .option .btn.disable:hover {
  cursor: default;
}
.product-content .content-two .option:hover {
  background-color: #AFC2F6;
  color: #fff;
}
.product-content .content-two .option:hover .img1 {
  background-image: url('../images/product/producticonf1.png');
}
.product-content .content-two .option:hover .img2 {
  background-image: url('../images/product/producticonf2.png');
}
.product-content .content-two .option:hover .img3 {
  background-image: url('../images/product/producticonf3.png');
}
.product-content .content-two .option:hover .img4 {
  background-image: url('../images/product/producticonf4.png');
}
.product-content .content-two .option:hover .btn {
  border-color: #fff;
  color: #fff;
}
.product-content .content-three .option {
  padding: 0;
  border: 1px solid #7F96D3;
  float: left;
  width: 346px;
  height: 350px;
  cursor: pointer;
  margin: 20px 143px 20px 0;
}
.product-content .content-three .option .title {
  margin: 0;
  width: 100%;
  height: 38px;
  background-color: #7F96D3;
  text-align: center;
  font-size: 18px;
  line-height: 38px;
  color: #fff;
}
.product-content .content-three .option .img {
  width: 100%;
  height: 200px;
}
.product-content .content-three .option .info {
  margin: 15px 35px;
  text-align: left;
  background-position: center;
}
.product-content .content-three .option.last {
  margin-right: 0;
}
.product-content .option1 .img {
  background-image: url("../images/product/product1.png");
}
.product-content .option2 .img {
  background-image: url("../images/product/product2.png");
}
.product-content .option3 .img {
  background-image: url("../images/product/product3.png");
}
.product-content .option4 .img {
  background-image: url("../images/product/product4.png");
}
.product-content .option4:hover {
  border-color: #5281E4;
}
.product-content .option4:hover .img {
  background-image: url("../images/product/productf4.png");
}
.product-content .option4:hover .title {
  background-color: #5281E4;
}
.product-content .option4:hover .info {
  color: #84A3BF;
}
.product-content .option5 .img {
  background-image: url("../images/product/product5.png");
}
.product-content .option5:hover {
  border-color: #5281E4;
}
.product-content .option5:hover .img {
  background-image: url("../images/product/productf5.png");
}
.product-content .option5:hover .title {
  background-color: #5281E4;
}
.product-content .option5:hover .info {
  color: #84A3BF;
}
.product-content .option6 .img {
  background-image: url("../images/product/product6.png");
}
.product-content .option6:hover {
  border-color: #5281E4;
}
.product-content .option6:hover .img {
  background-image: url("../images/product/productf6.png");
}
.product-content .option6:hover .title {
  background-color: #5281E4;
}
.product-content .option6:hover .info {
  color: #84A3BF;
}
.product-content .option7 .img {
  background-image: url("../images/product/product7.png");
}
.product-content .option7:hover {
  border-color: #5281E4;
}
.product-content .option7:hover .img {
  background-image: url("../images/product/productf7.png");
}
.product-content .option7:hover .title {
  background-color: #5281E4;
}
.product-content .option7:hover .info {
  color: #84A3BF;
}
.product-content .option8 .img {
  background-image: url("../images/product/product8.png");
}
.product-content .option8:hover {
  border-color: #5281E4;
}
.product-content .option8:hover .img {
  background-image: url("../images/product/productf8.png");
}
.product-content .option8:hover .title {
  background-color: #5281E4;
}
.product-content .option8:hover .info {
  color: #84A3BF;
}
.product-content .option9 .img {
  background-image: url("../images/product/product9.png");
}
.product-content .option9:hover {
  border-color: #5281E4;
}
.product-content .option9:hover .img {
  background-image: url("../images/product/productf9.png");
}
.product-content .option9:hover .title {
  background-color: #5281E4;
}
.product-content .option9:hover .info {
  color: #84A3BF;
}
.product-content .option10 .img {
  background-image: url("../images/product/product10.png");
}
.product-content .option11 .img {
  background-image: url("../images/product/product11.png");
}
.product-content .option12 .img {
  background-image: url("../images/product/product12.png");
}
.product-content .option13 .img {
  background-image: url("../images/product/product13.png");
}
.product-content .option13:hover {
  border-color: #5281E4;
}
.product-content .option13:hover .img {
  background-image: url("../images/product/productf13.png");
}
.product-content .option13:hover .title {
  background-color: #5281E4;
}
.product-content .option13:hover .info {
  color: #84A3BF;
}
.product-two {
  background-color: #F9FBFE;
}
.product-two .title {
  margin-top: 50px;
}
.product-map {
  background: url('../images/productmapbk.png') #F9FBFE;
}
.container-login {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.login-box {
  position: relative;
  margin: auto;
  width: 352px;
  height: 430px;
  overflow: hidden;
}
.login-box .img {
  position: relative;
  top: 0;
  margin: auto;
  width: 96px;
  height: 96px;
  background: url('../images/userloginheader.png') center no-repeat;
  background-size: 100%;
}
.login-box .login-by-account {
  margin-top: -48px;
  width: 350px;
  height: 380px;
  border-radius: 5px;
  border: 1px solid #CACACA;
  background-color: #fff;
}
.login-box .login-by-account .title {
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  margin: 75px 0 25px;
  color: #4DA1E7;
}
.login-box .login-by-account .input-box {
  overflow: hidden;
  padding: 0 35px;
}
.login-box .login-by-account .input-box input {
  width: 228px;
  height: 38px;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  line-height: 38px;
}
.login-box .login-by-account .input-box input:focus {
  border-color: #8DE0FF;
  -webkit-box-shadow: 0 0 3px #8DE0FF;
  -moz-box-shadow: 0 0 3px #8DE0FF;
  box-shadow: 0 0 3px #8DE0FF;
}
.login-box .login-by-account .input-box .name {
  margin-top: 3px;
  margin-bottom: 30px;
  background: url('../images/loginusernameiconf.png') 13px center no-repeat;
  padding-left: 50px;
}
.login-box .login-by-account .input-box .name:focus {
  background-image: url('../images/loginusernameicon.png');
}
.login-box .login-by-account .input-box .pwd {
  margin-bottom: 3px;
  background: url('../images/loginuserpwdiconf.png') 13px center no-repeat;
  padding-left: 50px;
}
.login-box .login-by-account .input-box .pwd:focus {
  background-image: url('../images/loginuserpwdicon.png');
}
.login-box .login-by-account .forget {
  overflow: hidden;
  padding: 0 35px;
}
.login-box .login-by-account .forget a {
  float: right;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
}
.login-box .login-by-account .forget a:hover {
  color: #8DE0FF;
}
.login-box .login-by-account .forget span {
  float: right;
  padding: 0 20px;
  display: inline-block;
  font-size: 14px;
  line-height: 38px;
}
.login-box .login-by-account .btn-login {
  margin: 10px 35px;
  height: 40px;
  border-radius: 5px;
  background-color: #70D89C;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 0 #5BB882;
  -moz-box-shadow: 0 2px 0 #5BB882;
  box-shadow: 0 2px 0 #5BB882;
}
.login-box .login-by-account .btn-login:hover {
  background-color: #48cd80;
}
.by-weixin {
  display: none;
  height: 510px;
  width: 0;
}
.by-weixin .title {
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  margin: 60px 0 0;
  color: #4DA1E7;
}
.by-weixin .login-by-weixin {
  margin-top: -48px;
  width: 350px;
  height: 460px;
  border-radius: 5px;
  border: 1px solid #CACACA;
  background-color: #fff;
}
.by-weixin .login-by-weixin .box {
  overflow: hidden;
  margin: 0 auto 0;
  width: 300px;
  height: 400px;
}
.by-weixin .login-by-weixin #login-container {
  margin-top: -40px;
}
.btn-by-way {
  position: absolute;
  top: 50%;
  left: 70%;
  width: 157px;
  height: 179px;
  background: url('../images/loginbtnbk.png') center no-repeat;
}
.btn-by-way .btn {
  float: left;
  width: 80px;
  height: 80px;
  background: center no-repeat;
  cursor: pointer;
}
.btn-by-way .btn-by-account {
  background-image: url('../images/loginbtnicon1.png');
}
.btn-by-way .btn-by-weixin {
  background-image: url('../images/loginbtnicon2.png');
}
.btn-by-way .box {
  margin: 63px 34px;
  overflow: hidden;
  width: 80px;
  height: 80px;
}
.btn-by-way .box .box-1 {
  margin-left: -80px;
  width: 160px;
  height: 80px;
}
.btn-by-way .tip {
  position: relative;
  top: -58px;
  left: -2px;
  font-size: 14px;
  color: #2C62B3;
  text-align: center;
}
.msg {
  display: none;
  position: absolute;
  width: 260px;
  height: 40px;
  margin: 0 35px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  background-color: #FEF2F2;
  border: 1px solid #FFB4A8;
  overflow: hidden;
}
.weixinpay-qrcode-box {
  display: none;
  width: 306px;
  height: 368px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px #5BB882;
  -moz-box-shadow: 0 0 4px #5BB882;
  box-shadow: 0 0 4px #5BB882;
}
.weixinpay-qrcode-box .title {
  padding-top: 20px;
  line-height: 40px;
  font-size: 14px;
  color: #343434;
  text-align: center;
}
.weixinpay-qrcode-box #weixinpay-qrcode {
  margin: 20px auto 0;
  width: 256px;
  height: 256px;
  background-color: #000;
}
.login-footer,
.register-footer {
  position: absolute;
  top: 100%;
  text-align: center;
  margin: auto;
  width: 100%;
  height: 90px;
  background: url('../images/loginfootertopline.png') top center no-repeat #4DA1E7;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 60px;
}
.container-register {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.register-box {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 840px;
  height: 600px;
}
.register-box .title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #fff;
}
.register-box .img {
  margin: auto;
  width: 306px;
  height: 242px;
  background: url('../images/notregister.png') center no-repeat;
}
.register-box .not-register-one {
  margin-top: 70px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.register-box .not-register-two {
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.register-process {
  position: relative;
  height: 100px;
  width: 100%;
  overflow: hidden;
}
.register-process .one,
.register-process .two,
.register-process .three {
  position: relative;
  float: left;
  width: 280px;
  height: 100%;
}
.register-process .one span,
.register-process .two span,
.register-process .three span {
  display: inline-block;
  height: 20px;
  width: 100%;
  line-height: 20px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.register-process .one .img,
.register-process .two .img,
.register-process .three .img {
  margin: auto;
  width: 62px;
  height: 62px;
  background: url('../images/registericon1.png') center no-repeat;
  text-align: center;
}
.register-process .one .img area,
.register-process .two .img area,
.register-process .three .img area {
  position: absolute;
  top: 10px;
  left: 119px;
  display: inline-block;
  width: 0;
  height: 42px;
  background-color: #fff;
  border-radius: 50%;
}
.register-process .one .img area.active,
.register-process .two .img area.active,
.register-process .three .img area.active {
  width: 42px;
}
.register-process .one .img span,
.register-process .two .img span,
.register-process .three .img span {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 24px;
  line-height: 62px;
}
.register-process .one .img span.active,
.register-process .two .img span.active,
.register-process .three .img span.active {
  color: #4DA1E7;
}
.register-process .line {
  position: absolute;
  width: 200px;
  height: 3px;
  background-color: #9BC8F0;
}
.register-process .line span {
  display: inline-block;
  float: left;
  height: 3px;
  width: 0;
  background-color: #fff;
}
.register-process .line-1 {
  left: 178px;
  top: 30px;
}
.register-process .line-2 {
  left: 460px;
  top: 30px;
}
.register-step {
  overflow: hidden;
  margin: auto;
  width: 450px;
  height: 420px;
}
.register-step .register-step-box {
  overflow: hidden;
  margin-left: 0;
  width: 1350px;
  height: 420px;
}
.register-step .register-step-box .step {
  float: left;
  overflow: hidden;
  width: 450px;
  height: 420px;
}
.register-step .register-step-box .step label {
  display: inline-block;
  overflow: hidden;
  margin: 16px 50px;
  width: 350px;
}
.register-step .register-step-box .step label.first {
  margin-top: 60px;
}
.register-step .register-step-box .step input {
  padding: 0 10px;
  width: 330px;
  height: 38px;
  border: 1px solid #B0B0B0;
  border-radius: 5px;
  font-size: 14px;
}
.register-step .register-step-box .step button {
  margin: 20px 50px;
  border: 0;
  width: 350px;
  height: 40px;
  border-radius: 5px;
  background-color: #70D89C;
  font-size: 18px;
  color: #fff;
}
.register-step .register-step-box .step button.disable {
  background-color: #ccc;
}
.register-step .register-step-box .step .get-code-btn {
  float: right;
  display: inline-block;
  width: 150px;
  height: 40px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  background-color: #F6C749;
  color: #fff;
}
.register-step .register-step-box .step .get-code-btn.disable {
  background-color: #dcdcdc;
}
.register-step .register-step-box .step .telcode,
.register-step .register-step-box .step .codeimgvalue {
  float: left;
  width: 160px;
}
.register-step .register-step-box .step .codeimg {
  float: left;
  margin-left: 18px;
  width: 150px;
  height: 40px;
  background-color: #fff;
  cursor: pointer;
}
.register-step .register-step-box .step .codeimg img {
  width: 100%;
  height: 100%;
}
.register-step .register-step-box .step .pwdqu {
  display: inline-block;
  width: 350px;
  height: 20px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.register-step .register-step-box .step .pwdqu em {
  margin: 1px 2px;
  display: inline-block;
  width: 88px;
  height: 18px;
  border-radius: 9px;
  background-color: #AEC597;
  text-align: center;
  line-height: 18px;
}
.register-step .register-step-box .step .pwdqu em.active {
  background-color: #E1C52C;
}
.register-step .register-step-box .step .title {
  margin-top: 60px;
  height: 60px;
  font-size: 24px;
  color: #FEE300;
  padding-left: 50px;
  line-height: 60px;
  background: url('../images/registericon2.png') 3px 0 no-repeat;
}
.register-step .register-step-box .step .gift {
  margin: auto;
  width: 224px;
  height: 275px;
  background: url('../images/registericon3.png') center no-repeat;
}
.register-step .register-step-box .step .gift a {
  position: relative;
  top: 225px;
  left: 72px;
  margin: auto;
  display: inline-block;
  text-align: center;
  width: 80px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.register-step .register-step-box .step .gift a:hover {
  color: #4DA1E7;
  text-decoration: none;
}
.user-changepwd-box {
  margin: auto;
  width: 1100px;
}
.user-changepwd-box .changepwd {
  position: relative;
  margin-top: 25px;
  margin-bottom: 30px;
  width: 1096px;
  height: 685px;
  border: 2px solid #8DE0FF;
  border-radius: 3px;
}
.user-changepwd-box .changepwd .icon {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 140px;
  height: 140px;
  background: url('../images/user/userchangepwdicon.png') center no-repeat;
}
.user-changepwd-box .changepwd .title {
  height: 60px;
  font-size: 24px;
  font-family: 'FZ';
  line-height: 60px;
  font-weight: bold;
  color: #486B9E;
  padding-left: 80px;
  margin: 60px 178px 0;
  padding-bottom: 40px;
  background: url('../images/user/userchangepwdicon2.png') left 0 no-repeat;
  border-bottom: 1px solid #D3D3D3;
}
.user-changepwd-box .changepwd .box {
  margin: auto;
  overflow: hidden;
  padding: 80px 20px;
  width: 700px;
}
.user-changepwd-box .changepwd .box label {
  width: 100%;
  display: inline-block;
  margin-bottom: 50px;
  font-size: 18px;
  color: #486B9E;
  line-height: 40px;
}
.user-changepwd-box .changepwd .box label .tishi {
  padding-left: 20px;
  font-size: 14px;
  color: #B1B1B1;
}
.user-changepwd-box .changepwd .box label .pwdqu {
  display: inline-block;
  padding-left: 125px;
  height: 20px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #4B4B4B;
}
.user-changepwd-box .changepwd .box label .pwdqu em {
  color: #fff;
  margin: 1px 2px;
  display: inline-block;
  width: 67px;
  height: 18px;
  border-radius: 9px;
  background-color: #FEF0A2;
  text-align: center;
  line-height: 18px;
}
.user-changepwd-box .changepwd .box label .pwdqu em.active {
  background-color: #E1C52C;
}
.user-changepwd-box .changepwd .box input {
  width: 260px;
  height: 38px;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding-left: 20px;
  font-size: 16px;
}
.user-changepwd-box .changepwd .box input:focus {
  -webkit-box-shadow: 0 0 5px #9FD5FF;
  -moz-box-shadow: 0 0 5px #9FD5FF;
  box-shadow: 0 0 5px #9FD5FF;
  border: 1px solid #9FD5FF;
  outline: 0;
}
.user-changepwd-box .changepwd .box button {
  margin: 20px 160px;
  border: 0;
  width: 350px;
  height: 40px;
  border-radius: 5px;
  background-color: #3DA2E3;
  font-size: 18px;
  color: #fff;
}
.about-founders {
  overflow: hidden;
  width: 1046px;
  margin: 0 auto 60px;
}
.about-founders .title {
  overflow: hidden;
  margin: 40px 0;
}
.about-founders .title h3 {
  text-align: center;
  font-size: 24px;
  color: #394A58;
  line-height: 30px;
}
.about-founders .title p {
  font-size: 20px;
  text-align: center;
  color: #C1C1C2;
  line-height: 26px;
}
.about-founders .founder-box {
  float: left;
  margin: 0 23px 30px;
  width: 475px;
  height: 680px;
  border: 1px solid #EEEEEE;
}
.about-founders .founder-box .founder-info {
  overflow: hidden;
  margin-top: 30px;
  text-align: center;
}
.about-founders .founder-box .founder-info h3 {
  font-size: 26px;
  color: #30A9E8;
  line-height: 36px;
}
.about-founders .founder-box .founder-info h4 {
  font-size: 18px;
  font-weight: normal;
  color: #30A9E8;
  line-height: 24px;
}
.about-founders .founder-box .founder-info p {
  padding: 15px 50px;
  line-height: 27px;
  text-align: left;
  color: #505050;
}
.about-team {
  overflow: hidden;
  background-color: #EFF3F5;
}
.about-team .title {
  overflow: hidden;
  margin: 60px 0 40px;
}
.about-team .title h3 {
  text-align: center;
  font-size: 24px;
  color: #394A58;
  line-height: 30px;
}
.about-team .title p {
  font-size: 20px;
  text-align: center;
  color: #C1C1C2;
  line-height: 26px;
}
.about-team .title .info {
  margin: 30px auto 0;
  width: 650px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-align: left;
  line-height: 20px;
}
.about-team .team-box {
  overflow: hidden;
  margin-bottom: 90px;
}
.about-team .team-box .left {
  float: left;
  width: 342px;
  height: 635px;
  background-color: #3498DB;
}
.about-team .team-box .left h3 {
  padding: 25px 20px 15px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}
.about-team .team-box .left p {
  padding: 0 20px 25px;
  font-size: 14px;
  font-weight: normal;
  color: #ADDDF9;
}
.about-team .team-box .left .info {
  margin: 2px auto 0;
  width: 334px;
  height: 495px;
  background-color: #fff;
}
.about-team .team-box .left .info h4 {
  padding: 30px 13px 10px;
  font-size: 14px;
  font-weight: normal;
  color: #7C7C7C;
}
.about-team .team-box .left .info p {
  padding: 0 14px;
  color: #7C7C7C;
  line-height: 36px;
  text-indent: 2.4em;
}
.about-team .team-box .left .info em {
  position: relative;
  display: inline-block;
  width: 238px;
  padding: 0 48px;
  font-size: 14px;
  font-weight: normal;
  color: #7C7C7C;
  line-height: 36px;
  text-indent: 2.4em;
}
.about-team .team-box .left .info em span {
  position: absolute;
  top: 14px;
  left: 48px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 3px;
  background-color: #3498DB;
}
.about-team .team-box .right {
  float: left;
  width: 848px;
}
.about-team .team-box .right .option {
  float: left;
  width: 282.66666667px;
  height: 211.66666667px;
  background-color: #fff;
}
.about-team .team-box .right .option h3 {
  padding: 40px 20px 20px;
  font-size: 16px;
  color: #2C3E50;
}
.about-team .team-box .right .option p {
  padding: 0 20px;
  font-size: 14px;
  color: #7C7C7C;
  line-height: 20px;
}
.about-team .team-box .right .option .right-h3 {
  position: relative;
  margin: 40px 20px 20px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 26px;
  background-color: #54BF90;
  width: 112px;
}
.about-team .team-box .right .option .right-h3.o {
  background-color: #B167D0;
}
.about-team .team-box .right .option .right-h3 .a-left {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 13px solid #36A675;
  border-right: 10px solid #54BF90;
  border-bottom: 13px solid #36A675;
}
.about-team .team-box .right .option .right-h3 .a-left.al1 {
  border-color: #8E44AD;
  border-right-color: #B167D0;
}
.about-team .team-box .right .option .right-h3 .a-right {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 13px solid #36A675;
  border-left: 10px solid #54BF90;
  border-bottom: 13px solid #36A675;
}
.about-team .team-box .right .option .right-h3 .a-right.al1 {
  border-color: #8E44AD;
  border-left-color: #B167D0;
}
.about-team .team-box .right .option .right-p {
  padding: 0 30px;
  color: #fff;
}
.about-team .team-box .right .option1 {
  background-image: url("../images/about/about-team1.jpg");
}
.about-team .team-box .right .option2 {
  background-image: url("../images/about/about-team2.jpg");
}
.about-team .team-box .right .option3 {
  background-image: url("../images/about/about-team3.jpg");
}
.about-team .team-box .right .option4 {
  background-image: url("../images/about/about-team4.jpg");
}
.about-team .team-box .right .option5 {
  background-image: url("../images/about/about-team5.jpg");
}
.about-team .team-box .right .option6 {
  background-image: url("../images/about/about-team6.jpg");
}
.about-join {
  overflow: hidden;
}
.about-join .title {
  overflow: hidden;
  margin: 60px 0 40px;
}
.about-join .title h3 {
  text-align: center;
  font-size: 24px;
  color: #394A58;
  line-height: 30px;
}
.about-join .title p {
  font-size: 20px;
  text-align: center;
  color: #C1C1C2;
  line-height: 26px;
}
.about-join .title .info {
  margin: 30px auto 0;
  width: 650px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-align: left;
  line-height: 20px;
}
.about-join .join-box {
  width: 1076px;
  height: 260px;
  margin: 0 auto 35px;
}
.about-join .join-box .option {
  float: left;
  width: 33.33333333%;
  height: 100%;
}
.about-join .join-box .option1 {
  background: url("../images/about/join1.png") center 40px no-repeat #F6F7F9;
}
.about-join .join-box .option1 h3 {
  margin-top: 215px;
  font-size: 18px;
  color: #000;
  text-align: center;
}
.about-join .join-box .option2 {
  background-color: #FCFAFB;
}
.about-join .join-box .option2 h3 {
  padding: 40px 40px 20px;
  font-size: 18px;
  color: #4B4B4B;
}
.about-join .join-box .option2 p {
  padding: 0 40px;
  font-size: 14px;
  color: #4B4B4B;
  line-height: 26px;
}
.about-join .join-box .option3 {
  background-color: #F3F3F3;
}
.about-join .join-box .option3 h3 {
  padding: 40px 20px 10px;
  font-size: 18px;
  color: #4B4B4B;
}
.about-join .join-box .option3 p {
  padding: 0 20px;
  font-size: 14px;
  color: #4B4B4B;
  line-height: 20px;
}
.product-app-content {
  overflow: hidden;
  width: 1196px;
  margin: auto;
}
.product-app-content .app-nav {
  float: left;
  overflow: hidden;
  width: 270px;
  height: 465px;
  margin: 30px 0;
  border: 1px solid #D3D3D3;
  background-color: #fff;
}
.product-app-content .app-nav .title {
  height: 60px;
  background-color: #226DC2;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 60px;
}
.product-app-content .app-nav .option {
  margin: auto;
  width: 210px;
  height: 80px;
  font-size: 14px;
  line-height: 80px;
  border-bottom: 1px solid #F3F3F3;
  color: #297DDF;
  cursor: pointer;
}
.product-app-content .app-nav .option .img {
  float: left;
  width: 100px;
  height: 80px;
  background: center no-repeat;
}
.product-app-content .app-nav .option:hover,
.product-app-content .app-nav .option.active {
  color: #AD9CE6;
}
.product-app-content .app-nav .option1 .img {
  background-image: url("../images/product/appicon1.png");
}
.product-app-content .app-nav .option1:hover .img,
.product-app-content .app-nav .option1.active .img {
  background-image: url("../images/product/appiconf1.png");
}
.product-app-content .app-nav .option2 .img {
  background-image: url("../images/product/appicon2.png");
}
.product-app-content .app-nav .option2:hover .img,
.product-app-content .app-nav .option2.active .img {
  background-image: url("../images/product/appiconf2.png");
}
.product-app-content .app-nav .option3 .img {
  background-image: url("../images/product/appicon3.png");
}
.product-app-content .app-nav .option3:hover .img,
.product-app-content .app-nav .option3.active .img {
  background-image: url("../images/product/appiconf3.png");
}
.product-app-content .app-nav .option4 .img {
  background-image: url("../images/product/appicon4.png");
}
.product-app-content .app-nav .option4:hover .img,
.product-app-content .app-nav .option4.active .img {
  background-image: url("../images/product/appiconf4.png");
}
.product-app-content .app-nav .option5 .img {
  background-image: url("../images/product/appicon5.png");
}
.product-app-content .app-nav .option5:hover .img,
.product-app-content .app-nav .option5.active .img {
  background-image: url("../images/product/appiconf5.png");
}
.product-app-content .app-options {
  float: right;
  overflow: hidden;
  margin: 30px 0;
  width: 906px;
  border: 1px solid #D3D3D3;
  background-color: #fff;
}
.product-app-content .app-options .app-option {
  float: left;
  margin: 35px 48px;
  width: 810px;
  height: 150px;
  position: relative;
}
.product-app-content .app-options .app-option .img {
  float: left;
  width: 116px;
  height: 106px;
  margin-right: 32px;
  margin-top: 12px;
}
.product-app-content .app-options .app-option .title {
  font-size: 18px;
  color: #297DDF;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 12px;
}
.product-app-content .app-options .app-option p {
  font-size: 14px;
  line-height: 20px;
  color: #525252;
}
.product-app-content .app-options .app-option button {
  position: absolute;
  right: 0;
  top: 0;
  width: 128px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #297DDF;
  background-color: #fff;
}
.product-app-content .app-options .app-option button:hover {
  background-color: #297DDF;
  color: #fff;
}
.product-app-content .app-options .option1 .img {
  background-image: url("../images/product/app1.png");
}
.product-app-content .app-options .option2 .img {
  background-image: url("../images/product/app2.png");
}
.product-app-content .app-options .option3 .img {
  background-image: url("../images/product/app3.png");
}
.product-app-content .app-options .option4 .img {
  background-image: url("../images/product/app4.png");
}
.product-app-content .app-options .option5 .img {
  background-image: url("../images/product/app5.png");
}
.product-app-content .app-options .option6 .img {
  background-image: url("../images/product/app6.png");
}
.product-app-content .app-options .option7 .img {
  background-image: url("../images/product/app7.png");
}
.product-app-content .app-options .option8 .img {
  background-image: url("../images/product/app8.png");
}
.product-app-content .app-options .option9 .img {
  background-image: url("../images/product/app9.png");
}
.product-app-content .app-options .option10 .img {
  background-image: url("../images/product/app10.png");
}
.product-app-content .app-options .option11 .img {
  background-image: url("../images/product/app11.png");
}
.product-app-content .app-options .option12 .img {
  background-image: url("../images/product/app12.png");
}
.product-app-content .app-options .option13 .img {
  background-image: url("../images/product/app13.png");
}
.product-app-content .app-options .option14 .img {
  background-image: url("../images/product/app14.png");
}
.product-app-content .app-options .option15 .img {
  background-image: url("../images/product/app15.png");
}
.product-app-content .app-options .option16 .img {
  background-image: url("../images/product/app16.png");
}
.product-app-content .app-options .option17 .img {
  background-image: url("../images/product/app17.png");
}
.product-app-content .app-options .option18 .img {
  background-image: url("../images/product/app18.png");
}
.product-app-content .app-options .option19 .img {
  background-image: url("../images/product/app19.png");
}
.product-app-content .app-options .option20 .img {
  background-image: url("../images/product/app20.png");
}
.product-app-content .app-options .option21 .img {
  background-image: url("../images/product/app21.png");
}
.product-app-content .app-options .option22 .img {
  background-image: url("../images/product/app22.png");
}
.product-app-content .app-options .option23 .img {
  background-image: url("../images/product/app23.png");
}
.product-app-content .app-options .option24 .img {
  background-image: url("../images/product/app24.png");
}
.product-app-content .app-options .option25 .img {
  background-image: url("../images/product/app25.png");
}
.product-app-content .app-options .option26 .img {
  background-image: url("../images/product/app26.png");
}
.product-app-content .app-options .option27 .img {
  background-image: url("../images/product/app27.png");
}
.school-container {
  overflow: hidden;
  width: 1190px;
  margin: 20px auto 30px;
}
.school-container .banner {
  margin-bottom: 15px;
}
.school-container .tap-nav {
  overflow: hidden;
  float: left;
  width: 1188px;
  background-color: #fff;
  border: 1px solid #F4F4F4;
}
.school-container .tap-nav .nav {
  overflow: hidden;
  border-bottom: 1px solid #F4F4F4;
  background-color: #FBFBFB;
}
.school-container .tap-nav .nav h3 {
  float: left;
  width: 150px;
  height: 46px;
  border-right: 1px solid #F4F4F4;
  border-top: 4px solid transparent;
  background-color: #FBFBFB;
  font-size: 14px;
  line-height: 46px;
  font-weight: normal;
  cursor: pointer;
  text-align: center;
}
.school-container .tap-nav .nav h3:hover,
.school-container .tap-nav .nav h3.active {
  border-top-color: #FFB900;
  font-weight: 600;
  background-color: #FFF;
}
.school-container .tap-nav .content .info-left {
  float: left;
  padding: 23px 0 23px 40px;
  width: 856px;
}
.school-container .tap-nav .content .info-left p {
  float: left;
  display: inline-block;
  width: 100%;
  padding-left: 40px;
  line-height: 30px;
  font-size: 14px;
  color: #8B8B8B;
  background: url("") left center no-repeat;
}
.school-container .tap-nav .content .info-left b {
  display: inline-block;
  padding: 20px 0 5px;
  line-height: 30px;
  font-size: 14px;
}
.school-container .tap-nav .content .info-left b span {
  margin: 0 10px;
  display: inline-block;
  line-height: 26px;
  font-weight: normal;
  color: #8B8B8B;
}
.school-container .tap-nav .content .info-left b .option:hover,
.school-container .tap-nav .content .info-left b .option.active {
  color: #FF0000;
  border-bottom: 2px solid #FF0000;
  cursor: pointer;
}
.school-container .tap-nav .content .info-right {
  float: right;
  padding: 42px 0;
  width: 268px;
}
.school-container .tap-nav .content .info-right h2 {
  font-family: Arial, serif;
  font-size: 30px;
  font-weight: bold;
  color: #AEC6D0;
}
.school-container .tap-nav .content .info-right p {
  font-family: Arial, serif;
  font-size: 43px;
  font-weight: bold;
  color: #FFC900;
}
.school-container .tap-nav .content .info-right p span {
  font-family: "Microsoft YaHei UI", serif;
  font-size: 16px;
  font-weight: normal;
  color: #AEC6D0;
}
.school-container .left {
  overflow: hidden;
  float: left;
  width: 855px;
  border: 1px solid #F4F4F4;
  background-color: #fff;
  margin-top: 15px;
  padding: 0 20px;
}
.school-container .left .option {
  overflow: hidden;
  margin-top: 50px;
  width: 100%;
  height: 200px;
  border-bottom: 1px solid #DBEDFB;
}
.school-container .left .option .img {
  float: left;
  width: 236px;
  height: 152px;
  border: 1px solid #DEE7EE;
  border-radius: 2px;
}
.school-container .left .option .img img {
  margin: 6px;
  width: 224px;
  height: 140px;
  border: 0;
}
.school-container .left .option .info {
  overflow: hidden;
  float: right;
  width: 580px;
  height: 152px;
  position: relative;
}
.school-container .left .option .info .title {
  font-size: 22px;
  color: #394A58;
  font-weight: normal;
}
.school-container .left .option .info .tip {
  margin: 20px 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #B6B6B6;
}
.school-container .left .option .info .tip p {
  float: left;
  margin-right: 35px;
}
.school-container .left .option .info .tip .time {
  padding-left: 30px;
  background: url('../images/timeicon.png') left center no-repeat;
}
.school-container .left .option .info .tip .label span {
  overflow: hidden;
  display: inline;
  padding: 6px;
  height: 24px;
  border-radius: 3px;
  background-color: #C5E2EC;
  color: #fff;
  margin: 0 5px;
}
.school-container .left .option .info .tip .label span.color1 {
  background-color: #C5E2EC;
}
.school-container .left .option .info .tip .label span.color2 {
  background-color: #E0C4D8;
}
.school-container .left .option .info .tip .label span.color3 {
  background-color: #D4C96B;
}
.school-container .left .option .info .tip .label span.color4 {
  background-color: #75D46B;
}
.school-container .left .option .info .tip .label span.color3 {
  background-color: #C3EABD;
}
.school-container .left .option .info .brief {
  font-size: 14px;
  line-height: 20px;
  color: #394A58;
}
.school-container .left .option .info .brief .bj {
  width: 100%;
  height: 20px;
  color: #000;
}
.school-container .left .option .info .brief .content {
  float: left;
  height: 40px;
}
.school-container .left .option .info .brief .content .after {
  display: inline-block;
  position: absolute;
  color: #394A58;
  bottom: 0;
  right: 0;
  background-color: #fff;
  padding: 0 20px 1px 4px;
}
.school-container .left .option .info .operation {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 26px;
  padding: 0 10px;
  font-size: 14px;
  color: #2696EC;
}
.school-container .left .option .info .operation a {
  line-height: 26px;
  padding: 0 10px;
  font-size: 14px;
  color: #2696EC;
  float: right;
}
.school-container .left .option .info .operation a.red {
  color: #c28cb3;
}
.school-container .left .option .info .operation a.gr {
  color: #9bd1e3;
}
.school-container .left .option .info .operation a:hover {
  text-decoration: none;
  color: #127ccd;
}
.school-container .left .option.noimg .info {
  width: 100%;
}
.school-container .left .option.noimg .info .brief .content {
  height: 60px;
}
.school-container .right {
  float: right;
  width: 280px;
  border: 1px solid #F4F4F4;
  background-color: #fff;
  margin-top: 15px;
}
.school-container .right .search-box {
  overflow: hidden;
  margin-top: 50px;
}
.school-container .right .search-box input {
  margin: 3px 0 3px 4px;
  float: left;
  padding: 0 15px;
  width: 190px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  color: #343434;
  border: 1px solid #CCCCCC;
  border-right: 0;
}
.school-container .right .search-box input:focus {
  -webkit-box-shadow: 0 0 5px #9FD5FF;
  -moz-box-shadow: 0 0 5px #9FD5FF;
  box-shadow: 0 0 5px #9FD5FF;
  border: 1px solid #9FD5FF;
  border-right: 0;
  outline: 0;
}
.school-container .right .search-box .search-btn {
  margin-top: 3px;
  float: left;
  display: inline-block;
  width: 55px;
  height: 34px;
  cursor: pointer;
  background: url('../images/user/searchicon.png') center no-repeat #4EB2FF;
}
.school-container .right .hot-label {
  overflow: hidden;
  margin-top: 30px;
  width: 100%;
}
.school-container .right .hot-label h3 {
  font-size: 16px;
  color: #394A58;
  padding-left: 15px;
  text-align: left;
  font-weight: normal;
  line-height: 38px;
  background-color: #EEF1F5;
}
.school-container .right .hot-label .hot-content {
  padding: 10px;
  width: 310px;
}
.school-container .right .hot-label .hot-content span {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  padding-right: 35px;
  color: #2696EC;
}
.school-container .right .hot-label .hot-content .font1 {
  font-size: 14px;
}
.school-container .right .hot-label .hot-content .font2 {
  font-size: 18px;
}
.school-container .right .hot-label .hot-content .font3 {
  font-size: 24px;
}
.school-container .right .recent-posts {
  overflow: hidden;
  width: 100%;
}
.school-container .right .recent-posts h3 {
  font-size: 16px;
  color: #394A58;
  padding-left: 15px;
  text-align: left;
  font-weight: normal;
  line-height: 38px;
  background-color: #EEF1F5;
}
.school-container .right .recent-posts .recent-content {
  overflow: hidden;
  margin: 15px 0;
}
.school-container .right .recent-posts .recent-content p {
  font-size: 14px;
  color: #575757;
  text-align: left;
  line-height: 40px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.school-container .right .recent-posts .recent-content p span {
  float: left;
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #ABABAB;
  margin: 18px;
}
.container_changepwd {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.changepwd-box {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 840px;
  height: 600px;
}
.changepwd-box .title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #fff;
}
.changepwd-box .changepwd-content {
  overflow: hidden;
  margin: auto;
  width: 450px;
  height: 500px;
}
.changepwd-box .changepwd-content label {
  display: inline-block;
  overflow: hidden;
  margin: 20px 50px;
  width: 350px;
}
.changepwd-box .changepwd-content label.first {
  margin-top: 80px;
}
.changepwd-box .changepwd-content input {
  padding: 0 10px;
  width: 330px;
  height: 38px;
  border: 1px solid #B0B0B0;
  border-radius: 5px;
  font-size: 14px;
}
.changepwd-box .changepwd-content button {
  margin: 20px 50px;
  border: 0;
  width: 350px;
  height: 40px;
  border-radius: 5px;
  background-color: #70D89C;
  font-size: 18px;
  color: #fff;
}
.changepwd-box .changepwd-content button.disable {
  background-color: #ccc;
}
.changepwd-box .changepwd-content .get-code-btn {
  float: right;
  display: inline-block;
  width: 150px;
  height: 40px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  background-color: #F6C749;
  color: #fff;
}
.changepwd-box .changepwd-content .get-code-btn.disable {
  background-color: #dcdcdc;
}
.changepwd-box .changepwd-content .telcode,
.changepwd-box .changepwd-content .codeimgvalue {
  float: left;
  width: 160px;
}
.changepwd-box .changepwd-content .codeimg {
  float: left;
  margin-left: 18px;
  width: 150px;
  height: 40px;
  background-color: #fff;
  cursor: pointer;
}
.changepwd-box .changepwd-content .codeimg img {
  width: 100%;
  height: 100%;
}
.changepwd-box .changepwd-content .pwdqu {
  display: inline-block;
  width: 350px;
  height: 20px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.changepwd-box .changepwd-content .pwdqu em {
  margin: 1px 2px;
  display: inline-block;
  width: 88px;
  height: 18px;
  border-radius: 9px;
  background-color: #AEC597;
  text-align: center;
  line-height: 18px;
}
.changepwd-box .changepwd-content .pwdqu em.active {
  background-color: #E1C52C;
}
.changepwd-box .changepwd-content .title {
  margin-top: 60px;
  height: 60px;
  font-size: 24px;
  color: #FEE300;
  padding-left: 50px;
  line-height: 60px;
  background: url('../images/registericon2.png') 3px 0 no-repeat;
}
.changepwd-box .changepwd-content .gift {
  margin: auto;
  width: 224px;
  height: 275px;
  background: url('../images/registericon3.png') center no-repeat;
}
.changepwd-box .changepwd-content .gift a {
  position: relative;
  top: 225px;
  left: 72px;
  margin: auto;
  display: inline-block;
  text-align: center;
  width: 80px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.changepwd-box .changepwd-content .gift a:hover {
  color: #4DA1E7;
  text-decoration: none;
}
.propaganda-box {
  position: relative;
  width: 1218px;
  height: 625px;
}
.propaganda-box .btn {
  position: absolute;
  top: 485px;
  left: 800px;
  background-color: #302556;
  display: inline-block;
  width: 260px;
  height: 66px;
  border-radius: 33px;
  font-size: 36px;
  color: #FFE690;
  line-height: 66px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid #596EA8;
  -webkit-box-shadow: 0 0 10px;
  -moz-box-shadow: 0 0 10px;
  box-shadow: 0 0 10px;
}
.propaganda-box .btn:hover {
  background-color: #44347a;
}
.container-charge-title {
  overflow: hidden;
  font-size: 18px;
  line-height: 22px;
  color: #00A2CD;
  border-bottom: 1px solid #E5E5E5;
}
.container-charge-title .w1190 {
  overflow: hidden;
  margin: 18px auto;
  padding-left: 12px;
  border-left: 5px solid #00A2CA;
}
.container-charge {
  margin-top: 15px;
}
.container-charge .charge-nav-box {
  position: relative;
  border-bottom: 1px solid #EEEEEE;
  height: 47px;
}
.container-charge .charge-nav-box .nav {
  float: left;
  width: 175px;
  height: 46px;
  border: 1px solid #EEEEEE;
  background-color: #FAFAFA;
  font-size: 14px;
  line-height: 46px;
  text-align: center;
  color: #595959;
}
.container-charge .charge-nav-box .nav:hover {
  color: #000;
  cursor: pointer;
  font-weight: bold;
}
.container-charge .charge-nav-box .nav.active {
  color: #000;
  border-top: 4px solid #5CB1F2;
  height: 43px;
  line-height: 40px;
  cursor: pointer;
  background-color: #fff;
  border-bottom-color: #FFF;
}
.container-charge .charge-nav-box .nav.active:hover {
  font-weight: normal;
}
.container-charge .content {
  margin-top: 17px;
  margin-bottom: 108px;
  overflow: hidden;
}
.container-charge .content .option-box {
  float: left;
  width: 840px;
  overflow: hidden;
}
.container-charge .content .option-box .title {
  padding-left: 75px;
  height: 36px;
  background: 20px center no-repeat #F2F5F9;
  font-size: 14px;
  line-height: 36px;
}
.container-charge .content .option-box .caas-introduce {
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid #EEEEEE;
  padding: 18px 22px;
  text-align: left;
  background-color: #FAFAFA;
}
.container-charge .content .option-box .caas-introduce h3 {
  font-size: 14px;
  color: #0E70BB;
}
.container-charge .content .option-box .caas-introduce p {
  margin-top: 12px;
  line-height: 22px;
  font-size: 12px;
  color: #4E4E4E;
}
.container-charge .content .option-box .title1 {
  background-image: url("");
}
.container-charge .content .option-box .title2 {
  margin-top: 38px;
  background-image: url("");
}
.container-charge .content .option-box .title3 {
  margin-top: 50px;
  background-image: url("");
}
.container-charge .content .option-box .title4 {
  margin-top: 50px;
  background-image: url("");
}
.container-charge .content .config-option {
  overflow: hidden;
  background-color: #FAFAFA;
  margin-bottom: 12px;
}
.container-charge .content .config-option h3 {
  float: left;
  display: inline-block;
  padding: 50px 5px;
  width: 20px;
  background-color: #F1F1F1;
  font-size: 14px;
  color: #4E4E4E;
  text-align: center;
}
.container-charge .content .config-option .config-box {
  overflow: hidden;
  width: 810px;
  height: 100%;
}
.container-charge .content .config-option .config-box .config-box-option {
  overflow: hidden;
  width: 100%;
  margin-top: 24px;
}
.container-charge .content .config-option .config-box .area-introduce {
  float: left;
  width: 100%;
  margin: 19px 0;
}
.container-charge .content .config-option .config-box .area-introduce .box-title {
  height: 50px;
  line-height: 25px;
}
.container-charge .content .config-option .config-box .area-introduce .introduce-info {
  line-height: 25px;
  color: #8B8B8B;
}
.container-charge .content .config-option .config-box .box-title {
  float: left;
  width: 150px;
  font-size: 14px;
  color: #383838;
  text-align: right;
  line-height: 40px;
  margin-right: 20px;
}
.container-charge .content .config-option .config-box .box-option {
  float: left;
  margin-right: 2px;
  width: 128px;
  height: 40px;
  background-color: #EEEEEE;
  font-size: 14px;
  color: #383838;
  text-align: center;
  line-height: 40px;
  border: 1px solid transparent;
  cursor: pointer;
}
.container-charge .content .config-option .config-box .box-option:hover,
.container-charge .content .config-option .config-box .box-option.active {
  border-color: #2696EC;
  color: #00A2CA;
  background-color: #fff;
}
.container-charge .content .config-option .config-box .scale-panel {
  float: left;
  width: 410px;
  height: 40px;
  position: relative;
}
.container-charge .content .config-option .config-box .scale-panel span {
  position: absolute;
  bottom: -10px;
}
.container-charge .content .config-option .config-box .scale-panel .r {
  right: 0;
}
.container-charge .content .config-option .config-box .scale-panel .c44 {
  left: 44%;
}
.container-charge .content .config-option .config-box .scale-panel .c {
  left: 50%;
}
.container-charge .content .config-option .config-box .scale-panel .l {
  left: 0;
}
.container-charge .content .config-option .config-box .scale {
  background-color: #E4E4E4;
  width: 410px;
  height: 6px;
  position: relative;
  border-radius: 3px;
  top: 17px;
}
.container-charge .content .config-option .config-box .scale span {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: #fff;
  border-color: #8E8E8E;
  -webkit-box-shadow: 0 2px 2px;
  -moz-box-shadow: 0 2px 2px;
  box-shadow: 0 2px 2px;
  position: absolute;
  left: 1px;
  top: -12px;
  cursor: pointer;
  z-index: 999;
}
.container-charge .content .config-option .config-box .scale .part {
  display: inline-block;
  width: 9px;
  height: 6px;
  background: url(../images/charge/icon10.png) -7px 3px no-repeat;
  position: absolute;
  left: 1px;
  top: 0;
  cursor: pointer;
}
.container-charge .content .config-option .config-box .scale .part.active {
  background: url(../images/charge/icon10.png) 4px 3px no-repeat;
}
.container-charge .content .config-option .config-box .scale .part.m-partb,
.container-charge .content .config-option .config-box .scale .part.m-parte {
  background: none;
}
.container-charge .content .config-option .config-box .scale .part.m-parte {
  left: 400px;
}
.container-charge .content .config-option .config-box .scale .m-part1 {
  left: 41.55555556px;
}
.container-charge .content .config-option .config-box .scale .m-part2 {
  left: 87.11111111px;
}
.container-charge .content .config-option .config-box .scale .m-part3 {
  left: 132.66666667px;
}
.container-charge .content .config-option .config-box .scale .m-part4 {
  left: 178.22222222px;
}
.container-charge .content .config-option .config-box .scale .m-part5 {
  left: 223.77777778px;
}
.container-charge .content .config-option .config-box .scale .m-part6 {
  left: 269.33333333px;
}
.container-charge .content .config-option .config-box .scale .m-part7 {
  left: 314.88888889px;
}
.container-charge .content .config-option .config-box .scale .m-part8 {
  left: 360.44444444px;
}
.container-charge .content .config-option .config-box .scale div {
  border-radius: 3px;
  background-color: #69BEFF;
  position: absolute;
  height: 6px;
  width: 0;
  left: 0;
  bottom: 0;
}
.container-charge .content .config-option .config-box .scale-info {
  float: left;
  overflow: hidden;
  font-size: 14px;
  color: #3D3E3E;
}
.container-charge .content .config-option .config-box .scale-info span {
  display: inline-block;
  margin: 5px 5px 5px 20px;
  width: 55px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #BFBFBF;
  background-color: #fff;
}
.container-charge .content .config-option .config-box .load-balancing span {
  float: left;
  line-height: 45px;
  font-size: 14px;
}
.container-charge .content .config-option .config-box .load-balancing .mr20 {
  margin-right: 10px;
}
.container-charge .content .config-option .config-box .load-balancing .ml20 {
  margin-left: 10px;
}
.container-charge .content .config-option .config-box .load-balancing .load-balancing-box {
  float: left;
  height: 45px;
  width: 105px;
  background-color: #E4E4E4;
  border-radius: 22px;
  cursor: pointer;
}
.container-charge .content .config-option .config-box .load-balancing .load-balancing-box span {
  display: inline-block;
  background-color: #fff;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  margin: 1px;
  cursor: pointer;
}
.container-charge .content .config-option .config-box .memory-space {
  position: relative;
}
.container-charge .content .config-option .config-box .area-option {
  width: 128px;
}
.container-charge .content .config-option .config-box .disk-space-option,
.container-charge .content .config-option .config-box .kernel-option {
  width: 88px;
}
.container-charge .content .option1 {
  height: 160px;
}
.container-charge .content .option1 h3 {
  line-height: 30px;
}
.container-charge .content .option2 {
  height: 222px;
}
.container-charge .content .option2 h3 {
  padding: 79px 5px;
  line-height: 16px;
}
.container-charge .content .option3 {
  height: 108px;
}
.container-charge .content .option3 h3 {
  padding: 22px 5px;
  line-height: 16px;
}
.container-charge .content .free-box {
  overflow: hidden;
}
.container-charge .content .free-box .free-option {
  margin-right: 10px;
  float: left;
  position: relative;
  width: 158px;
  height: 152px;
  border: 1px solid #E8E8E8;
  background: center 20px no-repeat #FAFAFA;
}
.container-charge .content .free-box .free-option h3 {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  font-size: 14px;
  color: #4E4E4E;
  font-weight: normal;
}
.container-charge .content .free-box .pass-free {
  width: 200px;
}
.container-charge .content .free-box .mr0 {
  margin-right: 0;
}
.container-charge .content .free-box .free-option1 {
  background-image: url(../images/charge/icon5.png);
}
.container-charge .content .free-box .free-option2 {
  background-image: url(../images/charge/icon6.png);
}
.container-charge .content .free-box .free-option3 {
  background-image: url(../images/charge/icon7.png);
}
.container-charge .content .free-box .free-option4 {
  background-image: url(../images/charge/icon8.png);
}
.container-charge .content .free-box .free-option5 {
  background-image: url(../images/charge/icon9.png);
}
.container-charge .price-list {
  float: right;
  overflow: hidden;
  width: 338px;
}
.container-charge .price-list .list-title {
  padding: 0 14px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  background-color: #FFE6C3;
}
.container-charge .price-list .config-info {
  margin-top: 10px;
  padding: 18px 0;
  background-color: #F5F5F5;
}
.container-charge .price-list .config-info h3 {
  padding: 14px;
  font-size: 16px;
  font-weight: bold;
  color: #5D5D5D;
}
.container-charge .price-list .config-info p {
  padding: 0 50px;
  font-weight: bold;
  line-height: 40px;
}
.container-charge .price-list .config-info p span {
  float: left;
  display: inline-block;
  width: 70px;
  color: #848383;
}
.container-charge .price-list .config-info .num-box {
  overflow: hidden;
  padding: 0 50px;
  font-weight: bold;
  line-height: 40px;
}
.container-charge .price-list .config-info .num-box span {
  float: left;
  display: inline-block;
  width: 70px;
  color: #848383;
}
.container-charge .price-list .config-info .num-box .num-info {
  position: relative;
  float: left;
  overflow: hidden;
  border: 1px solid #C9C9C9;
  width: 92px;
  height: 29px;
  margin-top: 5px;
  background-color: #fff;
}
.container-charge .price-list .config-info .num-box .num-info .num {
  float: left;
  padding: 0 5px;
  width: 60px;
  height: 29px;
  font-size: 14px;
  font-weight: normal;
  line-height: 29px;
  color: #000;
  border: 0;
  outline: none;
}
.container-charge .price-list .config-info .num-box .num-info .add,
.container-charge .price-list .config-info .num-box .num-info .sub {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 22px;
  height: 14px;
  background: url(../images/charge/icon10.png) no-repeat #F1F1F1;
  cursor: pointer;
}
.container-charge .price-list .config-info .num-box .num-info .add {
  top: 0;
  background-position: 3px 0;
}
.container-charge .price-list .config-info .num-box .num-info .add.disable {
  background-position: -26px 0;
}
.container-charge .price-list .config-info .num-box .num-info .sub {
  bottom: 0;
  background-position: 3px -15px;
}
.container-charge .price-list .config-info .num-box .num-info .sub.disable {
  background-position: -26px -15px;
}
.container-charge .price-list .charge-result {
  margin-top: 20px;
  padding: 18px 0;
  background-color: #F5F5F5;
}
.container-charge .price-list .charge-result h3 {
  margin: 0 14px;
  padding: 14px 0;
  font-size: 16px;
  font-weight: bold;
  color: #5D5D5D;
  border-bottom: 1px solid #DCDCDC;
}
.container-charge .price-list .charge-result p {
  margin: 0 14px;
  padding: 14px 0;
  font-size: 36px;
  font-weight: bold;
  color: #FF6600;
  text-align: right;
}
.container-charge .price-list .charge-result p em {
  font-family: Arial;
}
.container-charge .price-list .charge-result p span {
  font-size: 14px;
  color: #393939;
  font-weight: normal;
}
